<template>
  <div>
    <input type="text" v-if="isAll" ref="get" />
    <button v-else @click="btn">点击显示input</button>
  </div>
</template>
<script>

export default {
  data () {
    return {
      isAll: false
    }
  },
  methods: {
    btn () {
      this.isAll = true
      // 数据变化-dom更新是异步的
      // 页面上用v-if，输入框还没有出现在DOM上，所以获取不到
      // this.$refs.get.focus()//报错
      this.$nextTick(() => {
        this.$refs.get.focus()
      })

    }
  },
  // updated () {
  //   console.log(console.log(this.$refs.get.innerHTML))
  // }
}
</script>